<template>
  <div>
    <zk-time-down @time-end="message = '倒计时结束'" :endTime='endTime'></zk-time-down>
    <p>{{message}}</p>
  </div>
</template>

<script>
  import zkTimeDown from './TimeDown.vue'
  export default {
    components: {
      zkTimeDown
    },
    data () {
      return {
        message: '正在倒计时',
        endTime: '2017-09-21 10:20:00'
      }
    }
  }
</script>

<style>
</style>
